<template>
    <li>
        <a href="#" class="item-link">
            <div class="item-content" @click="navTo(item.path)">
                <div v-if="item.icon != ''" class="item-media">
                    <slot name="list-icon"></slot>
                </div>
                <div class="item-inner">
                    <div class="item-title">{{item.name}}</div>
                </div>
            </div>
        </a>
    </li>
</template>

<script type="text/javascript">

    export default{
        name: "list-item-single",
        props: {
            item: {
                type: Object,
                default: function () {
                    return { message: '初始化' }
                }
            },
        },

        methods: {
            navTo(path){
                this.$f7.mainView.router.load({url: path});
            },
        },


    }
</script>
